.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;

    :global {
        * {
            box-sizing: border-box;
        }
    }

    .header_title {
        display: inline-block;
        margin-bottom: 24 / 0.75px;
        color: rgba(0, 0, 0, 0.85);
        font-size: 30 / 0.75px;
        font-family: YouSheBiaoTiHei;
        line-height: 34 / 0.75px;
        background-image: url('~@/resource/template/bg_title.png');
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: contain;
    }

    .info_card {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 24 / 0.75px;
        padding: 12 / 0.75px 16 / 0.75px;
        background: linear-gradient(135deg, #69a8fa 0%, #4991f0 100%);
        border-radius: 8 / 0.75px;

        .info_row {
            width: 50%;
            margin-bottom: 8 / 0.75px;
            color: #fff;
            font-weight: 400;
            font-size: 10 / 0.75px;
            font-family: PingFangSC-Regular, PingFang SC;
            line-height: 16 / 0.75px;

            &:nth-last-child(1),
            &:nth-last-child(2) {
                margin-bottom: 0;
            }
        }
    }

    .block {
        width: 100%;
        margin-bottom: 24 / 0.75px;
    }

    .block_title {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 15 / 0.75px;
        padding: 0 12 / 0.75px;
        line-height: 22 / 0.75px;
        background: rgba(78, 149, 242, 0.08);

        &::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 4 / 0.75px;
            height: 100%;
            background: linear-gradient(180deg, #4e95f2 0%, #d9e9fc 100%);
            content: '';
        }

        .title_text {
            color: #4e95f2;
            font-weight: 600;
            font-size: 12 / 0.75px;
            font-family: PingFangSC-Medium, PingFang SC;
            line-height: 22 / 0.75px;
        }

        .date_time {
            color: #777;
            font-weight: 400;
            font-size: 8 / 0.75px;
            font-family: PingFangSC-Regular, PingFang SC;
            line-height: 22 / 0.75px;
        }
    }

    .rainbow_img {
        background-color: #31374e;
    }
}

:global {
    body {
        background-color: #fff;
    }
}
